<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/manage}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>账户信息-账户信息</title>
  <link rel="stylesheet" href="/static/front/css/my-prod.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-rnav.css">
  <link rel="stylesheet" href="/static/front/css/acco-info.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-noauth.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-certauth.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-compauth.css">
</head>

<body>
<div layout:fragment="content" class="con6-r">
  <div class="con11-r">
    <div class="nav">
      <ul>
        <li class="on"><a href="javascript:;">账户信息</a></li>
        <li><a href="javascript:;">实名认证</a></li>
      </ul>
    </div>
    <div class="tab_container">

      <div class="content">
        <form id="account_form" action="" method="post" onsubmit="return false">
          <div class="base-info item">
            <div class="head">
              <span>基础信息</span>
            </div>
            <div class="must-info">
              <ul>

                <li><label>绑定手机号：</label>
                  <span class="bind_mobile" th:text="${#strings.abbreviate(session.SPRING_SECURITY_CONTEXT.authentication.principal.Username,10) }"></span>
                </li>
                <li>
                  <label>昵称：</label>
                  <span class="nickName"></span>
                  <a href="javascript:;" id="renickname"></a>
                </li>
                <li><label>修改密码：</label>***********<a href="javascript:;" id="repass"></a></li>
              </ul>
            </div>
            <div class="add-info">
              <ul>
                <li>
                  <label>邮箱</label>
                  <input type="text" name="email" value=""/>
                </li>
                <li>
                  <label>邮编</label>
                  <input type="text" name="postCode" value=""/>
                </li>
                <li>
                  <label>通讯地址</label>
                  <input type="text" name="postalAddress" value=""/>
                </li>
                <li>
                  <label>固定地址</label>
                  <input type="text" name="fixedAddress" value=""/>
                </li>
              </ul>
            </div>
          </div>
          <div class="coll-set item">
            <div class="head">
              <span>收款设置</span>
            </div>
            <div class="cho-paymethod">
              <div class="cho-type" id="cho-type">
                <label class="def-label">默认收款方式</label>
                <ul>
                  <li class="on"><a href="javascript:;">银行转账</a></li>
                  <li><a href="javascript:;">支付宝</a></li>
                </ul>
              </div>
              <div class="form-set" id="form-set">
                <dl class="bank">
                  <dt>收款账户<span class="bankAccountName"></span></dt>
                  <dd><label>银行账号</label> <input type="text" name="bankAccountNo" value=""/></dd>
                  <dd class="last">
                    <label>开户行</label>
                    <input type="text" name="bankName" value=""  placeholder="请填写至分行，如北京工商银行中关村支行"/>
                  </dd>
                </dl>
                <dl class="zhifubao" style="display: none;">
                  <dt>收款账户<span class="bankAccountName"></span></dt>
                  <dd><label>支付宝账号</label> <input type="text" name="aliPayAccountNo" value=""/></dd>
                </dl>
              </div>
            </div>
            <h4 class="hint">说明：每月5日之前，平台会给账户余额超过100元的用户主动打款，并代扣代缴个人所得税。如修改账户信息，请在每个月1日之前完成。</h4>
            <div class="btn">
              <input type="submit" id="sub_btn" value="保存"/>
            </div>
          </div>
        </form>
      </div>
      <div class="content" style="display: none;">
        <div class="choose">
          <div class="cho-auth">
            <ul>
              <li class="pers">
                <a href="/copyright/realname/authentication">
                  <span></span>
                  <h4>个人认证</h4>
                </a>
              </li>
              <li class="comp">
                <a href="/copyright/realname/authentication">
                  <span></span>
                  <h4>企业认证</h4>
                </a>
              </li>
            </ul>
          </div>
          <div class="explain">
            <span>说明：</span>
            <div class="txt">
              <p>1.花瓣美素提供方便便捷的原创作品登记服务，当前支持个人作品和企业作品的版权登记，认证类型一旦选定后，则不可更改；</p>
              <p> 2.登记前需要进行身份认证，请您准备好您的身份证件，企业请准备好营业执照相关证件；</p>
            </div>
          </div>
        </div>

        <div class="cert-copy" style="display: none;">
          <div class="cert-pic">
            <h4 class="name"><label>真实姓名：</label></h4>
            <h4 class="card-num"><label>证件号码：</label></h4>
            <h4 class="term"><label>有效期限：</label></h4>
          </div>
        </div>

        <div class="comp-copy" style="display: none;">
          <div class="cc-pic">
            <h4 class="name" style="width: 244px;"><label>公司名称：</label></h4>
            <h4 class="unicode"><label>统一社会信用代码：</label></h4>
            <h4 class="legalname"><label>法定代表人：</label></h4>
          </div>
        </div>
      </div>


    </div>
  </div>


  <div class="pop-nickname" style="display: none;">
    <div class="head">
      <h4>修改昵称</h4>
      <a href="javascript:;"></a>
    </div>
    <form action="" method="post">
      <div class="input">
        <input type="text" name="nickName" value="" placeholder="输入新昵称"/>
      </div>
    </form>
  </div>
  <div class="pop-pass" style="display: none;">
    <div class="head">
      <h4>修改密码</h4>
      <a href="javascript:;"></a>
    </div>
    <form action="" method="post">
      <div class="input">
        <input type="text" name="pwd" value="" placeholder="当前密码"/>
        <input type="password" name="password" value="" placeholder="新密码(6~16位密码)"/>
        <input type="password" class="pass2" name="confirmPassword" value=""
               placeholder="确认新密码(6~16位密码)"/>
      </div>
    </form>
  </div>
</div>

<th:block layout:fragment="script">
  <script type="text/javascript" src="/static/front/js/config.js"></script>
  <script type="text/javascript">
    layui.use('accountInfo')
  </script>
</th:block>

</body>
</html>

